<template>
  <div>
    <!-- 头部 -->
    <Head @mask="mask" />

    <section>
      <!-- 遮罩层 -->
      <Masks />
      <!-- 输入框 -->
      <Inpt />

      <!-- 列表 -->
      <List />
    </section>
  </div>
</template>

<script>
import Head from "@/components/head/Header";
import List from "@/components/list/Listdata";
import Inpt from "@/components/inp/Input";
import Masks from "@/components/masklayer/Mask";
export default {
  components: { Head, List, Inpt, Masks },
  name: "",
  data() {
    return {};
  },
  mounted() {},
  methods: {
    mask(item) {
      console.log(item);
    },
  },
  computed: {},
  watch: {},
};
</script>

<style scoped lang='scss'>
section {
  height: 602px;
  margin-top: 15px;

}

</style>
